<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<title>UserSelection - BlogManagement</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<form method="post" action="UserSelection">
<div><input type="hidden" name="actionName" value="" />
<table cellspacing="0" cellpadding="0"
	style="position: absolute; left: 15%; top: 0px; background-color: white;">
	<tr>
		<td style="left: auto;">
		<h1>Blog Management</h1>
		</td>
	</tr>
	<tr>

		<td style="padding: 0px">

		<div class="fwtverticalpanel">
		<div>
		<h2>Who are you?</h2>
		</div>
		<div>
		<div id="tabUser" class="fwttabbedpanel" style="width: 500px;">
			<table cellpadding="0" cellspacing="0" border="0">
	
				<tr>
					<td id="tab0"
						style="color: black; border-style: solid; border-width: thin; padding: 0px 10px 0px 10px; cursor: pointer; background-color: white;"
						onclick="closeAll();document.getElementById('tabUserContent0').style.display = 'block'; temp = document.getElementById('tab0'); temp.style.color='black';temp.style.backgroundColor='white';">Already
					registered user</td>
					<td id="tab1"
						style="color: black; border-style: solid; border-width: thin; padding: 0px 10px 0px 10px; cursor: pointer; background-color: white;"
						onclick="closeAll();document.getElementById('tabUserContent1').style.display = 'block'; temp = document.getElementById('tab1'); temp.style.color='black';temp.style.backgroundColor='white';">New
					user</td>
	
				</tr>
			</table>
			<script type="text/javascript">
				function closeAll(){ var temp;document.getElementById('tabUserContent0').style.display = 'none'; temp = document.getElementById('tab0'); temp.style.color='black';temp.style.backgroundColor='white';document.getElementById('tabUserContent1').style.display = 'none'; temp = document.getElementById('tab1'); temp.style.color='black';temp.style.backgroundColor='white';}
			</script>
			<div class="fwtverticalpanel" id="tabUserContent0"
				style="overflow: auto; top: 0px; width: 100%; height: 400px; border-style: solid solid solid solid; border-width: thin; display: none; position: relative;">
				<div>There are no registered users</div>
			</div>
			<div class="fwtverticalpanel" id="tabUserContent1"
				style="overflow: auto; top: 0px; width: 100%; height: 400px; border-style: solid solid solid solid; border-width: thin; display: block; position: relative;">
				<div>Registering is easy as pie! Just say your name!</div>
				<div>
					<div id="div_txtName" class="fwtlabeledtextbox">
						<div id="label_txtName" style="float: left; width: 60px">Name:</div>
						<div><input type="text" name="txtName" value="" /></div>
					</div>
				</div>
				<div>
					<input class="fwtbutton" type="button" name="btnRegister"
						value="register!"
						onclick="javascript:document.forms[0].actionName.value='register';document.forms[0].submit();" />
				</div>
			</div>
		</div>
		</div>
		</div>
		</td>
	</tr>
</table>

</div>
</form>

</body>
</html>